@media screen and (max-width: 1024px) {
    .slogan {
        display: none;
    }
    .barright {
        width: 70%;
    }
    .busp {
        font-size: 1.5rem;
        padding: .3rem 1.5rem;
        border-radius: 1.875rem;
    }
    .remark {
        -webkit-line-clamp: 2;
    }
    p.qutiti {
        font-size: 2vw;
    }
    p.qure {
        font-size: 1vw;
    }
    .abtit {
        position: absolute;
        left: 25%;
        bottom: 30%;
        transform: translate(-50%, -50%);
    }
    .ableft {
        width: 48%;
    }
    .abtit p {
        color: #ffffff;
    }
    .abright {
        width: 50%;
    }
    .abflex {
        position: relative;
    }
    .invip {
        height: 350px;
    }
    .f20 {
        width: 25%;
    }
    .footline {
        height: 160px;
    }
    .hkysite {
        width: 30%;
    }
    p.condtit {
        font-size: 26px;
    }
    p.condre {
        font-size: 14px;
    }
    .condite {
        padding: 30px 0;
    }
    
    p.condre {
        padding: 0px 10px;
    }
    .indnew {
        width: 68%;
    }
    .indimg {
        width: 30%;
    }
    .indnewtit {
        padding: 10px 0 10px;
    }
    .indnewre {
        -webkit-line-clamp: 4;
    }
    span.fill {
        width: 75%;
    }
    p.chatit {
        font-size: 18px;
        font-weight: bold;
        padding-top: 15px;
    }
    p.chare {
        font-size: 14px;
        padding: 0 30px;
    }
    p.amnum {
        font-size: 18px;
    }
    .amysitem {
        height: 65px;
    }
    .amyuan {
        font-size: 26px;
        height: 80px;
        width: 80px;
    }
    .amstrico {
        padding: 30px 25px;
    }
    p.amstrre {
        width: 85%;
    }
    p.amtechtit {
        font-size: 13px;
    }
    p.amtechre {
        font-size: 10px;
    }
    .ablist img {
        height: 13vw;
    }
    .choice-re {
        line-height: 3.5vw;
        font-size: 16px;
    }
    p.chre {
        padding: 0 45px;
    }
    .chsline {
        height: 10vw;
    }
    p.leavetit {
        font-size: 26px;
    }
    
    p.leavere {
        font-size: 14px;
    }
    .material-item img {
        padding: 5%;
    }
    .flow-left>.flow-item {
        padding: 35px 40px 35px  20px;
    }
    .flow-right>.flow-item {
        padding: 35px  20px 35px  40px;
    }
    p.filtit {
        font-size: 18px;
    }
    .fil>p.filtit {
        font-size: 18px;
    }
    .fil>p.filre {
        font-size: 16px;
    }
    p.filre {
        font-size: 16px;
    }
    .flow-left>.flow-item:last-child {
        margin-top: 160px;
    }
    .flow-right>.flow-item:nth-child(2) {
        margin-top: 193px;
    }
    .flow-right>.flow-item:last-child {
        margin-top: 190px;
    }
    .cust-item {
        padding: 25px 5px;
    }
    .cust-right {
        padding: 15px 10px;
        width: 35%;
    }
    .housrfirst {
        height: 6.83vw;
        margin: 5.37vw 4.4vw 0;
    }
    
    .housetitle {
        font-size: 2.5vw;
    }
    
    .housebgimg {
        height: 13vw;
        width: 13vw;
        line-height: 13vw;
        font-size: 3.7vw;
        margin-left: 0vw;
    }
    .housefrist-line {
        height: 3vw;
        margin: 3.3vw auto 0;
    }
    .house-select {
        width: 75%;
    }
    
    .hosebg {
        height: 8.3vw;
        width: 8.3vw;
        line-height: 8.3vw;
        font-size: 2.53vw;
    }
    
    .hosetit {
        font-size: 2.14vw;
        width: 28%;
    }
    .housrimg img {
        height: 13vw;
    }
    p.throughtit {
        font-size: 20px;
    }
    
    p.throughre {
        font-size: 14px;
        padding: 0 23px;
    }
    
    .through-item {
        padding: 30px 0;
    }
    .global-item {
        width: 49%;
        height: 25vw;
        line-height: 25vw;
        margin-top: 3%;
    }
    
    .global-item img {
        width: 100%;
        padding: 0 10%;
    }
    .blame-remark {
        font-size: 14px;
        padding: 0 10px 15px;
    }  
    .blame-tit {
        font-size: 20px;
    }
    .need-left {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    
    .need-right {
        width: 100%;
        margin-top: 5%;
    }
    
    .need {
        height: 100%;
    }
    
    .needtitle {
        height: 100px;
        line-height: 100px;
        margin-bottom: 0;
        width: 32%;
    }
    .needtitle a {
        font-size: 30px;
    }
    .accbk {
        padding: 40px 30px;
    }
    .paper-wh-after {
        padding: 20px  10px;
    }
    
    .paper-blu-after {padding: 20px 10px;}
    
    .paper-wh-before {
        padding: 20px 10px;
    }
    .caplist {
        padding: 1.2vw 0;
    }
    .serpost {
        font-size: 3vw;
    }
    .other-title {
        font-size: 2vw;
    }
    .other-remark {
        line-height: 1.8;
        font-size: 1.2vw;
    }
    a.other-more {
        font-size: 1.3vw;
        padding: .4vw 1vw;
    }
    
    a.online {
        font-size: 1.3vw;
        padding: .4vw 1vw;
    }
    .simple {
        background: url(../img/about40.jpg) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 480px;
        padding: 50px 0;
    }
    .simple-left {
        display: none;
    }
    .simple-right {
        width: 100%;
    }
    .enterprise-item {
        width: 24%;
    }
    .senior-remark {
        font-size: 16px;
        color: rgba(102, 102, 102, 1);
        line-height: 32px;
        height: 100px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    


    .topic {
        height: 84vw;
    }
    
    .topic-item:nth-child(1) {
        left: 1.95vw;
        width: 34.41vw;
        top: 2.9vw;
    }
    .topic-item:nth-child(6) {
        top: 2.9vw;
        width: 32.92vw;
        right: 4vw;
        left: unset;
    }
    .topic-item:nth-child(2) {
        top: 32.22vw;
        left: 0;
        width: 25.29vw;
    }
    .topic-remark {
        font-size: 1.5625vw;
    }
    .topic-item {
        top: 32.22vw;
        width: 32.22vw;
    }
    .topic-item:nth-child(3) {
        width: 33vw;
        top: 56vw;
        left: 0;
    }
    .topic-item:nth-child(8) {
        width: 33vw;
        top: 56vw;
        right: 0;
    }
    .topic-item:nth-child(4) {
        width: 31.25vw;
        left: 27vw;
        top: 72vw;
    }
    .topic-item:nth-child(7) {
        top: 32.22vw;
        width: 26vw;
    }
    .topic-item:nth-child(1) .topic-title, .topic-item:nth-child(2) .topic-title, .topic-item:nth-child(3) .topic-title, .topic-item:nth-child(4) .topic-title {
        width: 21.48vw;
        height: 5.85vw;
        line-height: 5.85vw;
        border-radius: 2.92vw 0 3.9vw 2.92vw;
        font-size: 3.125vw;
    }
    .topic-item:nth-child(6) .topic-title, .topic-item:nth-child(7) .topic-title, .topic-item:nth-child(8) .topic-title {
        width: 21.48vw;
        height: 5.85vw;
        line-height: 5.85vw;
        font-size: 3.125vw;
        border-radius: 0 2.92vw 2.92vw 3.9vw;
    }
    .topic-centre {
        padding-top: 18.06vw;
    }
    .topic-img img {
        width: 36.62vw;
        height: 36.62vw;
    }
    .circles img {
        width: 43.94vw;
        height: 43.94vw;
    }
.navitem:hover .sublist {
    display: none;
}








}
@media screen and (max-width: 768px) {
    .barright {
        width: 76%;
    }
    .navitem a {
        font-size: 13px;
    }
    .busitem {
        width: 49%;
    }
.barleft {
    width: 10%;
}

.logo {
    width: 90%;
}
.tuimg {
    width: 35%;
}
    .newtr {
        width: 62%;
    }
    .quite {
        width: 48%;
        margin-bottom: 1vw;
        margin-top: 1vw;
    }
    p.qutiti {
        font-size: 28px;
    }
    
    p.qure {
        font-size: 17px;
    }
    .abtit {
    position: unset;
    }
    .abtit p {
        color: rgba(0, 0, 0, 1);
    }
    .ableft {
        width: 100%;
    }
    .abright {
        width: 100%;
        margin-top: 2%;
    }
    .abtit {
        position: unset;
        left: unset;
        bottom: unset;
        transform: unset;
    }
    .inadvite {
        width: 48%;
        margin: 5% 0 0;
    }
    .footer-top {
        display: none;
    }
    .link {
        margin-top: 30px;
    }
    p.hkitetitle {
        font-size: 18px;
        margin: 5px;
    }
    
    .hkysite img {
        width: 40%;
    }
    p.hkitere {
        font-size: 14px;
        line-height: 26px;
    }
    p.condtit {
        font-size: 16px;
        font-weight: bold;
    }
    
    p.condre {
        line-height: 26px;
        font-size: 14px;
    }
    
    .condite {
        padding: 15px 0;
    }
    .arrow {
        padding-top: 45px;
        width: 8%;
    }
    p.prore {
        font-size: 12px;
        line-height: 20px;
    }
    p.protit {
        font-size: 24px;
    }
    .arrow img {
        width: 100%;
    }
    .proite img {
        width: 100%;
    }
    .indimg {
        width: 40%;
    }
    .indnew {
        width: 57%;
    }
    .indnewxx {
        width: 65%;
    }
    .indnewa {
        width: 33%;
    }
    span.fill {
        width: 70%;
    }
    .industry-item {
        padding: 0 2%;
    }
    .service-item {
        padding: 30px 15px;
    }
    p.sertit {
        font-size: 24px;
    }
    p.serre {
        font-size: 16px;
        line-height: 30px;
    }
    .facplr36{
        padding: 20px 20px 9px;
    }
    .facplr29{
        padding: 20px 6px 10px;
    }
    .facplr38{
        padding: 20px 15px 10px;
    }
    .facplr20{
        padding: 20px 4px 10px;
    }
    
    p.facre {
        font-size: 13px;
        line-height: 20px;
    }
    p.factit {
        font-size: 16px;
    }
    p.chare {
        font-size: 14px;
        padding: 0 15px;
    }
    p.chatit {
        font-size: 14px;
    }
    .chaitem img {
        width: 70%;
    }
    p.amnum {
        font-size: 14px;
    }
    p.amnum {
        width: 45%;
    }
    .amyuan {
        font-size: 24px;
    }
    .amstritem {
        position: unset;
    }
    
    .amconsult {
        position: unset;
    }
    
    p.amstrre {
        padding: 0;
        margin-bottom: 0;
    }
    .amconsult {
        position: unset;
        text-align: center;
        display: block;
        width: 90%;
        margin: 0 auto 30px;
        background: rgba(39, 125, 204, 1);
        color: #ffffff;
        border: 1px solid rgba(39, 125, 204, 1);
    }
    .techitem img {
        width: 100%;
    }
    .techx {
        padding-top: 30px;
    }
    .technolo {
        padding: 0 0 10%;
    }
    .navlink {
        display: block;
        font-size: 3.5vw;
        color: rgba(102, 102, 102, 1);
        font-weight: 300;
        background: #ffffff;
        height: 11.5vw;
        line-height: 11.5vw;
        text-align: center;
        border-bottom: 1px solid rgba(225, 225, 225, 1);
        transition: all .1ms;
    }
    span.lx {
        vertical-align: 6px;
    }
    .choice-more {
        margin-top: 5%;
        width: 30%;
        font-size: 13px;
        height: 4vw;
        line-height: 4vw;
    }
    
    .choice-re {
        font-size: 13px;
        line-height: 1.4;
    }
    
    .choic-tit {
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 5px;
    }
    .choice-flex {
        margin: 5% 0;
    }
    .chsline {
        height: 15vw;
    }
    .choice-flex {
        margin: 5% 0;
    }
    
    p.chtit {
        font-size: 3vw;
    }
    
    p.chre {
        padding: 0 1vw;
        font-size: 2.4vw;
    }
    
    p.chline {
        width: 20%;
    }
    p.leavetit {
        font-size: 3vw;
    }
    p.leavere {line-height: 2;}
    .leave {
        padding: 3% 0 5%;
    }
    .material-item {
        flex-wrap: wrap;
        text-align: center;
        width: 48%;
    } 
    .material-item img {
        padding: 5% 8%;
    }
    .flowring {
        height: 85vw;
        margin-top: 7.8vw;
    }
    .flow-left>.flow-item {
        padding: 4.55vw 5.2vw 4.55vw 2.6vw;
        margin-top: 24.73vw;
        margin-right: 4.55vw;
    }
    .fil {
        padding-right: 5.2vw;
    }
    .fil>p.filtit {
        font-size: 2.5vw;
    }
    
    .fil>p.filre {
        font-size: 2.3vw;
    }
    
    .fir img {
        height: 13.5vw;
    }
    
    .flow-item {
        flex-wrap: wrap;
    }
    
    .fir {
        width: 100%;
        margin: 5% 0 0;
    }
    .fil {
        padding-right: 0;
    }
    .flow-left>.flow-item:last-child {
        margin-top: 5.5vw;
    }
    .flow-right>.flow-item {
        padding: 4.55vw 2.6vw 4.55vw 5.2vw;
        margin-left: 4.55vw;

    }
    .fril {
        padding-left: 0;
    }
    p.filtit {
        font-size: 2.5vw;
    }
    p.filre {
        font-size: 2.3vw;
    }
    .flow-right>.flow-item:nth-child(2) {
        margin-top: 14vw;
    }
    .flow-right>.flow-item:last-child {
        margin-top: 10vw;
    }
    .frir {
        width: 100%;
        margin: 0 0 5%;
    }
    .frir img {
        height: 13.5vw;
    }
    button.spsubbt {
        font-size: 3vw;
    }
    .cpinsub {
        width: 25%;
    }
    .inputflex {
        width: 75%;
    }
    .cpin {
        width: 51%;
    }
    .cpintel {
        width: 40%;
    }
    .cust-left {
        width: 100%;
    }
    .cust-right {
        width: 100%;
    }
    .cust-item {
        padding: 25px 30px;
    }
    .foremlist {
        justify-content: space-around;
    }
    .housrfirst {
        height: 6.83vw;
        margin: 7vw 4.4vw 0;
    }
    .housebgimg {
        margin-left: 0;
    }
    .through-flex {
        flex-wrap: wrap;
    }
    
    .through-item {
        width: 48%;
        margin: 5% 0 0;
    }
    .refuse-item {
        width: 49%;
        margin-bottom: 2%;
    }
    .blame-item {
        width: 48%;
        margin-top: 5%;
    }
    .blame-flex {
        margin: 0;
    }
    .needtitle a {
        font-size: 22px;
    }
    .codbsw {
        width: 100%;
    }
    .codbw {
        width: 100%;
    }
    .accbk {
        padding: 5%;
    }
    .paper-item {
        width: 50%;
    }
    .paper-item img {
        object-fit: unset;
    }
    i.paper-after {
        top: 100px;
    }
    
    i.paper-before {
        top: 100px;
    }
    
    .paper-wh-after {
        padding: 10%  5%;
    }
    
    .paper-title {
        font-size: 4.3vw;
    }
    
    .paper-re {
        font-size: 3vw;
    }
    .paper-blu-after {
        padding: 10% 5%;
    }
    .paper-wh-before {
        padding: 10% 5%;
    }
    .capital-left {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .capital-right {
        width: 100%;
    }
    .zerolist {
        width: 20%;
    }
    
    .zerolist:last-child {
        width: 11.945%;
    }
    
    .zero-item img {
        width: 100%;
    }
    
    .zeroimg img {
        width: 100%;
    }
    .zero-itemimg {
        width: 100%;
    }
    
    .zero-itemimg img {
        width: 100%;
    }
    .zero-item img {
        width: 100%;
    }
    .zero-title {
        font-size: 1vw;
    }
    .zeroimg {
        padding-top: 4vw;
    }
    .img img {
        width: 10vw;
        height: 10vw;
    }
    
    .transport-wh ul li {
        margin-top: 5vw;
        margin-bottom: 2vw;
    }
    
    .transport-wh ul li i {
        top: 4vw;
    }
    .ndl_wx_img {
    padding: 0 4% 4%;
    }
.ndl_wx_img .inadvite img {
    width: 12vw;
    height: 12vw;
}
    .text {
        font-size: 2vw;
    }
    
    .transport-wh ul li:nth-child(5) i {
        right: 40%;
    }
    .other-left {
        display: none;
    }
    
    .other-right {
        width: 100%;
        padding: 5%;
    }
    
    .other-title {
        text-align: center;
        font-size: 3.5vw;
    }
    
    .other-two {display: flex;justify-content: space-between;}
    
    .other-remark {
        padding: 3% 0%;
        font-size: 2vw;
    }
    
    a.other-more {
        width: 48%;
        text-align: center;
        background: rgba(0, 0, 0, 1);
        color: #ffffff;
        border-radius: 6px;
    }
    
    a.online {
        width: 48%;
        text-align: center;
        border-radius: 6px;
    }
    
    .other-item {
        align-items: flex-start;
    }
    .simple {
        height: 75vw;
    }
    .senior-title {
        padding-top: 5%;
    }
    
    .senior-item {
        padding: 3%;
    }
    
    .senior-li {
        margin-top: 5%;
    }
    .senser-item {
        width: 32%;
    }
    .topic-remark {
        line-height: 2;
    }
    .honor-title {
        font-size: 1.7vw;
        height: 7vw;
        line-height: 7vw;
    }
    .contact-left {
        width: 100%;
        margin-bottom: 50px;
    }
    
    .contact-right {
        width: 100%;
        height: 80vw;
    }
    .column-right {
        width: 25%;
    }
    .artcat a {
        font-size: 12px;
    }
    .artletit {
        font-size: 20px;
    }
    .artlistimg {
        width: 40%;
    }
    .artbox {
        width: 57%;
    }
    .infbt {
        font-size: 13px;
    }
    .infoadd:nth-child(2) {
        display: none;
    }
    .infoarttit {
        font-size: 4vw;
    }


}
@media screen and (max-width: 767px) {
    .visible_nav{
        display: block;
    }
    .barright {
        display: none;
    }
    .top-header {
        display: none;
    }
    .sp_nav {
        width: 50px;
        float: right;
        position: relative;
        cursor: pointer;
        height: 30px;
        margin-top: 10px;
    }
    .sp_nav span {
        display: block;
        background: #333333;
        width: 30px;
        height: 4px;
        position: absolute;
        left: 10px;
        transition: all ease 0.35s;
        border-radius: 2px;
    }
    .sp_nav span:nth-of-type(1) {
        top: 0px;
    }
    .sp_nav span:nth-of-type(2) {
        top: 10px;
    }
    .sp_nav span:nth-of-type(3) {
        top: 20px;
    }
    .sp_nav_se span:nth-of-type(1) {
        top: 10px;
        transform: rotate(45deg);
    }
    .sp_nav_se span:nth-of-type(2) {
        width: 0;
    }
    .sp_nav_se span:nth-of-type(3) {
        top: 10px;
        transform: rotate(-45deg);
    }
    .logo-bar {
        align-items: center;
        height: 65px;
        margin-top: 0;
    }
    .header-bj {
        padding-bottom: 0;
    }

    .mask {
        position: fixed;
        z-index: 1;
        top: 65px;
        right: 0;
        left: 0;
        bottom: 0;
        display: none;
        background: rgba(0,0,0,0.35);
        -webkit-backdrop-filter: saturate(180%) blur(50px);
        backdrop-filter: saturate(180%) blur(50px);
    }
    .navflex {
        display: none;
        z-index: 5;
        position: absolute;
        background: rgba(23, 36, 52, 0.99);
        background: linear-gradient(180deg,rgba(26, 59, 99, 0.99), rgba(23, 36, 52, 0.99));
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        right: 0;
        height: auto;
        box-shadow: 0px 7px 11px 0px #b3b3b3d1;
    }
    .navigation {
        position: relative;
    }
    .navitem a {
        color: rgb(253 253 253);
        font-size: 1.25rem;
    }
    
    .navitem {
        margin: 1rem 0;
    }
 
header {
    z-index: 99;
    position: fixed;
    width: 100%;
}

.home_banner {
    padding-top: 65px;
}
.bustit {
    padding-top: 8%;
    font-size: 6vw;
    padding-bottom: 3%;
}
.abjs {
    line-height: 2;
}

.abjs p {
    font-size: 4vw;
}

p.gywm {
    font-size: 6vw;
}

p.engywm {
    font-size: 5vw;
}
.busitem {
    width: 100%;
}
.busxb {
    margin: 1rem 0;
}
.consult {
    background: url(../img/goutong.jpg) no-repeat;
    background-size: cover;
    height: 52.15vw;
    background-position: 50%;
}
p.worth {
    text-align: center;
    font-size: 8.86vw;
    color: #ffffff;
    padding-top: 10vw;
    margin: 0;
    font-weight: bold;
}
p.slog {
    font-size: 3.389vw;
}

p.khzx {
    margin-top: 6.5vw;
}

span.khcz {
    font-size: 2.6vw;
    padding: 1.3vw 3.9vw;
    margin-right: 1.9vw;
}
span.djzx {
    font-size: 2.6vw;
    padding: 1.3vw 4vw;
    margin-left: 1.9vw;
}
.innewite {
    width: 100%;
}

.ui-first-line {
    width: 100%;
}

.ui-first-Thickline {
    width: 50%;
}
.innewtit {
    margin-top: 8%;
}
p.qutiti {
    font-weight: bold;
}
.innewflex {
    margin-top: 8%;
}
a.listtit {
    width: 100%;
    text-overflow: unset;
    white-space: unset;
    overflow: unset;
}
.quite {
    width: 48%;
    margin-bottom: 5%;
    margin-top: 0;
    padding: 8% 5%;
}
p.addtime {
    width: 100%;
    margin-top: 3%;
}
.quflex {
    padding: 4.56vw 0 0;
}
.quline {
    width: 70%;
}
.abtit {
    text-align: center;
    margin: 5% 0;
}
p.qutiti {
    font-size: 4vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2vw;
}
p.abmore {
    width: 100%;
    height: 10vw;
    line-height: 10vw;
}
.incvtit {
    font-size: 6vw;
}
.index-case {
    width: 100%;
}
.index-vip {
    width: 100%;
    margin-bottom: 8%;
}
.caite {
    margin-bottom: 5%;
}
.caite a {
    flex-wrap: wrap;
}
.caimg {
    width: 100%;
}
.catr {
    width: 100%;
}
p.casetit {
    margin: 3% 0;
    font-size: 4.2vw;
    font-weight: bold;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}
p.casere {
    font-size: 3.74vw;
    margin-bottom: 0;
}
.abflex {
    margin: 8% 0;
}
a.qupg {
    width: 85%;
    margin-top: 8%;
    height: 8vw;
    line-height: 8vw;
    font-size: 4vw;
}
p.qure {
    font-size: 3vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cvflex {
    padding-bottom: 0;
}
.inadvite {
    width: 48%;
    margin: 5% 0 0;
    padding: 5% 0;
}
.inadvite img {
    width: 50%;
}
p.advtit {
    font-size: 6vw;
}
p.advft {
    font-size: 4.5vw;
}
a.catbig {
    font-size: 6vw;
}

a.catmore {
    font-size: 3vw;
}
.list-ite {
    margin: 5vw 0;
   flex-wrap: wrap;
}

a.listtit {
    font-size: 4vw;
}

a.addtime {
    font-size: 4vw;
}
.cline {
    width: 45%;
}

.ntit {
    font-size: 4.2vw;
    font-weight: bold;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}

.remark {
    font-size: 3vw;
    line-height: 2.2;
    -webkit-line-clamp: 2;
}
.inadv {
    padding-top: 8%;
    font-size: 6vw;
}
.link {
    margin-top: 6%;
    padding: 5%;
    font-size: 4vw;
}
.ui-link a {
    font-size: 4vw;
    display: none;
    
}
img.qutb {
    width: 50%;
}
.footer-top {
    display: none;
}
.footer-bqba p {
    font-size: 13px;
}
.index-advantage-link {
    padding-bottom: 6%;
}
.fmoblie {
    display: block;
    margin-top: 50px;
}
.footermoblie {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 52px;
    background: #fafafa;
    border-top: solid 1px #000000;
    -webkit-transition: transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    z-index: 99;
    background: linear-gradient(180deg, rgb(64 73 85),rgb(51 51 51));
}
.sjdb {
    display: flex;
    justify-content: space-between;
}
.tb {
    width: 20%;
    text-align: center;
    padding: 7px 0 0;
}
.tb.vs a {
    color: rgba(232, 213, 0, 1);
}
.tb a {
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}
.tb i {
    display: block;
    font-size: 20px;
}
.tb:last-child i {
    font-size: 0;
}
.hkdase {
    display: none;
}
.hkysite img {
    width: 50%;
}
.hkysite {
    width: 48.5%;
    margin-top: 4%;
    border-radius: 6px;
    background: rgb(243 242 242 / 32%);
    padding: 5%;
}
.condite {
    width: 100%;
}
.hidden-xs {
    display: none!important;
}
.block-xs {
    display: block!important;
}
.mtb5{
    margin: 5% 0;
}

p.hkitetitle {
    font-size: 14px;
    font-weight: bold;
    margin: 4% 0;
}
p.hkitere {
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 0;
}
.hktit {
    margin-top: 8%;
    font-size: 6vw;
}
.condite {
    width: 100%;
    padding: 10%  0;
    border-radius: 6px;
    margin: 5% 0;
}
p.condtit {
    margin-top: 8%;
    margin-bottom: 1%;
}
.proflex {
    margin: 5% 0;
}
.profbt {
    font-size: 18px;
}
.proite {
    width: 40%;
    margin: 2% 0;
}
.arrow {
    width: 20%;
    padding-top: 9%;
}
.proite img {
    width: 60%;
}
.datatit {
    font-size: 6vw;
}
.data {
    padding-top: 8%;
}
p.condre {
    font-size: 13px;
}
.indimg {
    width: 100%;
}

.indnew {
    width: 100%;
}

.industry-item {
    width: 100%;
    margin-bottom: 5%;
}
.industry-flex {
    padding-bottom: 5%;
}
.service-item {
    width: 48%;
    margin-top: 5%;
    padding: 5%;
}

.service-item img {
    width: 50%;
}

.service {
    padding: 8% 0;
}
p.serre {
    font-size: 3vw;
    line-height: 2;
}

p.serline {
    width: 50%;
}
p.sertit {
    font-size: 5vw;
    margin: 2% 0;
}
.pt6 {
    padding-bottom: 9%;
}
.facitem {
    width: 100%;
    margin: 5% 0;
}
.facplr36{
    padding: 20px 45px 9px;
}
.facplr29{
    padding: 20px 15px 10px;
}
.facplr38{
    padding: 20px 35px 10px;
}
.facplr20{
    padding: 20px 4px 10px;
}
.chaitem {
    width: 100%;
}

.chaline {
    display: none;
}
p.chatit {
    text-align: left;
    padding: 0;
}
.chapo {
    position: unset;
}

.chaps {
    position: unset;
    padding-top: 3%;
}
.charge {
    height: auto;
    padding: 0;
}
p.chare {
    padding: 0;
    text-align: left;
    font-size: 10px;
    line-height: 2;
    margin-bottom: 0;
}
.chaitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2.5% 0;
}
.chaleft {
    width: 20%;
}
.chaleft img {
    width: 100%;
}
.charight {
    width: 75%;
}
.chaabq {
    width: 60%;
    height: 10vw;
    line-height: 10vw;
    margin: 6% auto 10%;
}
.chaabq a {
    font-size: 5vw;
}

.factor {
    padding: 8% 0;
}
.amysitem {
    background: unset;
    height: 10vw;
    margin: 5% auto;
    text-align: center;
    width: 23%;
}
.amyuan {
    display: block;
    margin: 0 auto;
    border-radius: unset;
    border: 2px solid;
    height: 9vw;
    font-size: 4vw;
    line-height: 8vw;
    border-radius: 6px;
}
.amyuan.on {
    background: rgba(39, 125, 204, 1);
    color: #ffffff;
    border: 2px solid rgba(39, 125, 204, 1);
}

p.amnum.active {
    display: block;
    width: 80vw;
    top: 21vw;
    left: 0;
    right: 0;
    padding: 0;
    text-align: left;
}

p.amnum.active:last-child {
    top: 30vw;
}
p.amnum {
    color: #000;
    font-size: 3.7vw;
}
p.amnum {
    position: absolute;
    display: none;
}
.amflex {
    display: flex;
    justify-content: space-between;
    height: 43vw;
    position: relative;
}
.amconsult {display: none;}

.amstrico {
    width: 100%;
    padding: 15% 0 5%;
}

.amstrch {
    width: 100%;
    padding-bottom: 5%;
}
.amstr-flex {
    flex-wrap: wrap;
    text-align: center;
}
.amstrico img {
    width: 50%;
}
p.amstrtit {
    font-size: 5vw;
}
p.amstrre {
    font-size: 3.88vw;
    text-align: center;
    width: 100%;
    padding: 0 5% 5%;
}
.amstritem {
    width: 48%;
    margin-top: 5%;
}
.strip {
    padding: 8% 0;
}
.techitem {
    width: 100%;
    margin: 10% 0;
    background: rgba(248, 248, 248, 1);
    height: 50vw;
    padding-top: 10%;
    border-radius: 6px;
}
.techitem img {
    width: 40%;
}
p.amtechre {
    font-size: 10px;
    padding: 0 8% 5%;
}
.indnewre {
    font-size: 3vw;
    -webkit-line-clamp: 3;
    line-height: 2;
}
.indnewxx {
    display: none;
}
.indnewa {
    width: 100%;
    margin-top: 5%;
}
.indnewtit {
    font-size: 5vw;
    margin: 3% 0 0;
    font-weight: bold;
    text-overflow: unset;
    white-space: unset;
    overflow: unset;
}
span.frsvg {
    display: none;
}
span.indnew-more {
    display: none;
}
span.fill {
    width: 100%;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    padding-bottom: 3%;
}
span.indnew-more {
    display: none;
}

.industry-item {
    border: none;
    margin: 0;
    padding: 0;
}
.industry-list {
    margin: 3% 0;
}
.industry-list:first-child {
    margin-top: 0;
}
.continent-left {
    width: 100%;
    flex-direction: unset;
    margin-bottom: 5%;
    height: unset;
}
.continent-right {
    width: 100%;
}
.continent {
    padding: 8% 0 8%;
}
.navlink:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
}
.navlink:last-child {
    border-bottom: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0;
}
.navlink {
    border: none;
}
span.lx {
    display: none;
}
.ablist img {
    height: 19vw;
}
p.tab-abtitle {
    font-size: 3vw;
    margin: 5% 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ablist {
    width: 31%;
    text-align: center;
}
.choice-img {
    width: 100%;
}

.choice-flex {
    flex-wrap: wrap;
}

.choice-add {
    width: 100%;
    padding: 5%;
}
.choice-re {
    line-height: 2;
}
.choice-more {
    height: 9vw;
    line-height: 9vw;
    width: 40%;
}
p.chre {
    font-size: 3vw;
    line-height: 2;
    padding: 0 2%;
}

.chsline {
    display: none;
}
.choice-item {
    width: 31%;
}
.leave-item {
    width: 48%;
    margin-top: 5%;
}
p.leavere {
    display: none;
}
p.leavetit {
    font-size: 4vw;
    padding: 5% 0;
    margin: 0;
}
.leave {
    padding: 5% 0 8%;
}
.choicethress {
    padding-bottom: 2%;
}
.material-item img {
    width: 50%;
    margin: 0 auto;
    padding: 10% 0 5%;
}
p.matertit {
    text-align: center;
    margin: 0 auto;
    font-size: 5vw;
    width: 100%;
    padding: 0 0 8%;
}
.material-item {
    margin-top: 5%;
}
.material {
    padding: 0;
}
.flowring {
    height: 85vw;
    margin-top: 11.11vw;
}
.circle {
    width: 2.5vw;
    height: 2.5vw;
    border: 1px solid #277DCC;
}
.flow-left>.flow-item {
    padding: 4vw 4vw 4vw 2vw;
    margin-top: 24.5vw;
}
.flow-right>.flow-item:nth-child(2) {
    margin-top: 23.5vw;
}
.flow-left>.flow-item:last-child {
    margin-top: 24.5vw;
}
.flow-right>.flow-item:last-child {
    margin-top: 23.5vw;
}
.flow-right>.flow-item {
    padding: 4vw 2vw 4vw 4vw;
    margin-left: 4.55vw;
    margin-top: 1vw;
}
.flow-line {
    margin: 5% 0;
}
.flow {
    margin: 10% 0 0;
}
.fig {
    width: 1px;
}                       
p.filre {
    display: none;
}
.fil {
    padding-right: 0;
    width: 56%;
}
.fir {
    width: 38%;
}
.frir {
    width: 38%;
}
.fril {
    width: 56%;
}
.flow-item {
    flex-wrap: wrap;
    justify-content: space-between;
}
.flow-left>.flow-item .before {
    content: "";
    position: absolute;
    right: -6.5vw;
    top: 7.75vw;
    width: 0;
    height: 0;
    border-top: 3.33vw solid transparent;
    border-left: 5.55vw solid #ffffff;
    border-right: 2.22vw solid transparent;
    border-bottom: 3.33vw solid transparent;
    z-index: 6;
}                            
.flow-left>.flow-item .after {
    content: "";
    position: absolute;
    right: -6.5vw;
    top: 8.36vw;
    width: 0;
    height: 0;
    border-top: 2.77vw solid transparent;
    border-left: 4.62vw solid rgba(167, 167, 167, 1);
    border-right: 1.85vw solid transparent;
    border-bottom: 2.77vw solid transparent;
}  
.flow-right>.flow-item .after {
    content: "";
    position: absolute;
    left: -6.5vw;
    top: 8.14vw;
    width: 0;
    height: 0;
    border-top: 3.33vw solid transparent;
    border-left: 2.22vw solid rgb(167 167 167 / 0%);
    border-right: 5.55vw solid #ffffff;
    border-bottom: 3.33vw solid transparent;
    z-index: 6;
}
.flow-right>.flow-item .before {
    content: "";
    position: absolute;
    left: -6.5vw;
    top: 8.7vw;
    width: 0;
    height: 0;
    border-top: 2.77vw solid transparent;
    border-right: 4.62vw solid rgba(167, 167, 167, 1);
    border-bottom: 2.77vw solid transparent;
    z-index: 6;
    border-left: 1.85vw solid transparent;
}
.flow-right>.flow-item:hover .after {
    border-right: 4.5vw solid #287dcc;
}
.flow-right>.flow-item:hover .before {
    border-right: 4.62vw solid rgb(40 125 204);
}
.flow-left>.flow-item:hover .after {
    border-left: 4.62vw solid rgb(40 125 204);
}
.flow-left>.flow-item:hover .before {
    border-left: 4.5vw solid #287dcc;
}
.flow-left {
    width: 48%;
}
.flow-right {width: 48%;}
.flowblue-line {
    width: 50%;
}  
.inputflex {
    width: 100%;
    padding: 0 5%;
}

.cpinsub {
    width: 100%;
    padding: 0 5% 5%;
}
button.spsubbt {
    height: 12vw;
    line-height: 12vw;
    font-size: 6vw;
    border-radius: 6px;
}
.inputline {
    display: none;
}

.cpintel {
    width: 100%;
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 6px;
    margin-bottom: 7%;
}

.cust-item {
    padding: 5%;
    margin-bottom: 7%;
}

.cust-item a {
    flex-wrap: wrap;
}

.custnr {
    padding: 0;
}

p.custtitle {
    font-size: 5.5vw;
    text-align: center;
    margin-bottom: 9%;
    margin-top: 9%;
}

.cust-item img {
    width: 55%;
    display: block;
    margin: 0 auto;
}

p.custmore {
    margin: 0 auto;
    display: block;
    font-size: 4.5vw;
    width: 100%;
    height: 9vw;
    line-height: 9vw;
}

.custnr {
    display: block;
    margin: 0 auto;
}
.pdt40 {
    padding-top: 8%;
}
.newbtitle {
    font-size: 6vw;
}
.customer-forme {
    border-radius: 6px;
    margin: 5% 0 8%;
    padding: 5%;
}
.cpin {
    width: 100%;
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 6px;
}
input.cpinput {
    height: 12vw;
    line-height: 12vw;
    padding-left: 2%;
}

.cpin img {
    width: 15%;
    padding-left: 5%;
}
.cpintel img {
    width: 15%;
    padding-left: 5%;
}
.foremlist span {
    font-size: 4.1vw;
}
.custfore-title {
    font-size: 4.5vw;
}
.custhight {
    height: 300px;
    line-height: 2;
    margin-top: 2%;
}
.cust-right {
    width: 100%;
    height: 368px;
    padding: 5%;
    overflow: hidden;
}
.housrfirst {
    height: 9.12vw;
    margin: 7vw 0 0;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}
.housrimg img {
    height: 19vw;
}
.housetitle {
    font-size: 2.5vw;
    font-weight: 400;
}
.hosetit {
    font-size: 2.14vw;
    width: 38%;
}
p.throughre {
    padding: 0 5%;
    font-size: 3vw;
    line-height: 2;
    margin-bottom: 0;
}

.through-item img {
    width: 50%;
}

p.throughtit {
    font-size: 5vw;
    font-weight: bold;
}
.through-more {
    display: none;
}
.through-item {
    padding: 5% 0;
}
.refuse-item {
    padding: 2%;
}
p.refusetit {
    font-size: 5vw;
    font-weight: bold;
}
p.refusere {
    font-size: 3vw;
    line-height: 2;
}
.refuse-flex {
    margin: 4% 0 ;
}
.newbfbt {
    font-size: 5vw;
}
.global-item {
    width: 49%;
    height: 25vw;
    line-height: 25vw;
    margin-top: 3%;
}

.global-item img {
    width: 100%;
    padding: 0 10%;
}
.global {
    padding-bottom: 15%;
}
.blame-img img {
    width: 60%;
}

.blame-tit {
    font-size: 4.45vw;
    height: 12vw;
    line-height: 12vw;
}

.blame-remark {
    font-size: 3vw;
    line-height: 2;
}
.blame-flex {
    margin:  0;
}
.blame-item {
    margin: 5% 0 0;
}
.need-flex {
    padding: 5%;
}

.director {
    padding: 5%;
}
.need-flex {
    padding: 5%;
}

.director {
    padding: 5%;
}
.needtitle {
    height: 12vw;
    align-self: center;
    line-height: 12vw;
    padding: 0 1%;
    width: 33.33%;
}
.needtitle a {
    font-size: 3vw;
}
.neeite {
    padding: 5%;
    flex-wrap: wrap;
}

.neeite-left {
    width: 100%;
}

.neebt {
    font-size: 3.5vw;
    line-height: 2;
}
.chinapad {
    padding: 5%;
}
.chinantit {
    font-size: 4vw;
}
.acc-item {
    width: 50%;
}
.tax-titile {
    font-size: 6vw;
}
.account {
    padding-top: 8%;
}
.accbk {
    margin-top: 5%;
}
.acctit {
    font-size: 5vw;
    font-weight: bold;
}
.acc-item img {
    width: 50%;
}
.acc-item {
    padding: 5% 0 5% !important;
}
.accmore {
    font-size: 3vw;
    width: 60%;
    height: 7vw;
    line-height: 7vw;
}
.acc-item:nth-child(1) {
    padding-bottom: 45px;
}
.acc-item:nth-child(2) {
    padding-bottom: 45px;
    border-right: none;
}
.acc-item:nth-child(3) {
    padding-bottom: 45px;
}
.acc-item:nth-child(4) {
    border-right: none;
    padding-bottom: 45px;
}
.acc-item:nth-child(5) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 45px;
}
.acc-item:nth-child(6) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 45px;
    border-right: none;
}
.acc-item:nth-child(7) {
    border-bottom: none;
    padding-top: 45px;
}
.acc-item:nth-child(8) {
    border-right: none;
     border-bottom: none;
     padding-top: 45px;
}
.paper-title {
    font-size: 4vw;
}
.paper-wh-after {
    padding: 5%;
}
.paper-blu-after {
    padding: 5%;
}
.paper-wh-before {
    padding: 5%;
}
i.paper-after {
    top: 13vw;
    border-top: 2.6vw solid transparent;
    border-left: 1.56vw solid rgb(167 167 167 / 0%);
    border-right: 3.2vw solid #ffffff;
    border-bottom: 2.6vw solid transparent;
    left: -4.172vw;
}
.paper-blu-after>i.paper-after {
    border-right: 3.2vw solid #004b92;
}
i.paper-before {
    top: 13vw;
    right: -4.172vw;
    border-top: 2.6vw solid transparent;
    border-left: 3.2vw solid #ffffff;
    border-right: 1.56vw solid transparent;
    border-bottom: 2.6vw solid transparent;
}
.newspaper {
    padding-top: 8%;
}
.paper-flex {
    margin-top: 5%;
}
.capital {
    padding-top: 8%;
}
.capital-flex {
    margin-top: 5%;
}
span.capnum {
    width: 7vw;
    height: 7vw;
    line-height: 7vw;
    margin-right: 4vw;
    font-size: 3.5vw;
}
.caplist {
    padding: 2vw 0;
}
span.capremark {
    font-size: 4vw;
}
.zero {
    padding-top: 8%;
    padding-bottom: 5%;
}
.zerofbt {
    font-size: 4vw;
}
.zeroflex {
    margin-top: 5%;
    justify-content: center;
}
.zeroimg {
    display: none;
}
.zerolist:last-child {
    width: 33.33%;
}
.zero-title {
    font-size: 4vw;
}
.zerolist {
    width: 33.33%;
    margin-bottom: 5%;
}
.zero-item {
    margin: 0 auto;
    text-align: center;
}
.zero-item img {
    width: 50%;
}
.zero-itemimg {
    margin: 0 auto;
    width: auto;
    text-align: center;
}
.zero-itemimg img {
    width: 50%;
}
.other-item {
    margin-top: 5%;
}
.other-two {
    padding-right: 0;
    padding-top: 5%;
}
.other-title {
    font-size: 4vw;
}
.other-remark {
    font-size: 3vw;
}
.other-right {
    padding: 8% 5%;
}
.simple {
    height: 100%;
    padding: 8% 0;
}
.simple-title {
    font-size: 6vw;
}

.simfbt {
    font-size: 4vw;
}

.simline {
    width: 15%;
}

.sim-p p {
    font-size: 3.865vw;
    line-height: 2;
}
.enterprise-item {
    width: 50%;
    margin: 5% 0;
}

.enterprise-item img {
    width: 50%;
}

.enterprise-title {
    font-size: 5vw;
}

.enterprise-remark {
    font-size: 3vw;
    padding: 0 3%;
}
.enterprise {
    padding-top: 8%;
}
.senior-item img {
    width: 100%;
}

.senior-li {
    width: 100%;
    height: 7vw;
    line-height: 6.5vw;
}

.senior-title {
    font-size: 4vw;
    font-weight: bold;
}

.senior-remark {display: none;}

.senior-li a {
    font-size: 3vw;
}

.senior-flex {
    margin-top: 5%;
}

.senior {
    padding-top: 5%;
}
.senser-item {
    width: 49%;
    margin-top: 2%;
}

.senser {
    padding: 4% 0 6%;
}
.sensertit {
    font-size: 4vw;
    font-weight: bold;
}

.sensera {
    width: 70%;
    height: 7vw;
    line-height: 6vw;
    margin-top: 5%;
}

.sensera a {
    font-size: 3vw;
}
.senior-seriver {
    padding: 8% 0 5%;
}
.excellent {
    padding-top: 9%;
    padding-bottom: 8%;
}
.topic-remark {
    display: none;
}
.topic-centre {
    padding-top: 9vw;
}
.topic-item:nth-child(2) {
    width: 21vw;
    top: 27vw;
}
.topic-item:nth-child(7) {
    top: 27vw;
    width: 22vw;
}
.topic-item:nth-child(3) {
    top: 48vw;
    left: -3vw;
}
.topic-item:nth-child(8) {
    top: 48vw;
    right: -3vw;
}
.topic-item:nth-child(4) {
    top: 57vw;
    left: 24vw;
}
.topic {
    height: 75vw;
}
.culture-remark {
    display: none;
}
.culture {
    padding-top: 8%;
}
.culture-flex {
    margin-top: 5%;
}
.culture-title {
    font-size: 3.5vw;
    padding: 4% 2%;
}
.honor {
    padding: 8% 0;
}
.honor-flex {
    margin-top: 5%;
}
.honor-title {
    height: 10vw;
    font-size: 3vw;
    line-height: 10vw;
    overflow: hidden;
}
.honor-item {
    width: 49%;
    margin-bottom: 2%;
}

.honor-flex {
    flex-wrap: wrap;
    padding: 2% 2% 0;
}
.contact {
    padding: 8% 0;
}
.contact-flex {
    margin-top: 8%;
}
.conttel {
    width: 100%;
    margin-bottom: 5%;
    font-size: 3.8vw;
}

.conttel a {
    font-size: 3.8vw;
}

.contri {
    width: 85%;
}

.contuslf {
    width: 10%;
}

.contuslf img {
    width: 100%;
}
.condashed {
    margin: 5% 0;
}
.contrig {
    width: 85%;
    font-size: 3.8vw;
    line-height: 2;
}
.contrig {
    width: 85%;
    font-size: 3.8vw;
    line-height: 2;
}

.conwhact {
    font-size: 3.8vw;
}

.contright {
    width: 85%;
}
.contact-left {
    margin-bottom: 5%;
}
.column-right {
    display: none;
}
.article-left {
    display: none;
}
.article-right {
    width: 100%;
}
.artlist-re {
    font-size: 3vw;
    -webkit-line-clamp: 2;
    padding-top: 2%;
}
.kefu {
    display: none;
}
.artlistimg img {
    width: 100%;
    height: 27vw;
    object-fit: cover;
    border-radius: 6px;
}
.articcle-list {
    align-items: center;
}
.articleright {
    padding: 0 3% 5%;
}
.artlist-title a {
    font-size: 4.6vw;
}
.artadd {
    padding-top: 2%;
}
.art-time {
    font-size: 3.3vw;
}
.article-main {
    padding: 5% 0;
}
.column {
    height: 15vw;
    line-height: 15vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.column-left {
    font-size: 4vw;
}
.column-left a {
    font-size: 4vw;
}
a.pagepx {
    display: none;
}
.pagearticle a {
    font-size: 4vw;
    padding: 1.5vw 3vw;
}
.pagexg {
    display: block;
}
.pagexg {
    display: inline-block;
}
span.pagemob.active {
    color: rgba(242, 151, 0, 1);
}
span.pagemob {
    font-size: 4vw;
}
.infocontent img {
    width: 100%!important;
    height: auto !important;
    margin-left: 0;
}
.infoarttit {
    font-size: 6vw;
}
.infoxw {
    margin: 5% 0;
}

.infoadd {
    font-size: 3.5vw;
    padding: 0 3%;
}
.infocontent {
    font-size: 3.8vw;
}
.pvf a {
    font-size: 4vw;
}
.info-item {
    width: 100%;
    margin-top: 5%;
}

.info-flex {
    flex-wrap: wrap;
}
.infonr {
    padding-top: 14.5vw;
}
.info-img {
    height: 46.56vw;
}
.infotitle {
    font-size: 10vw;
}

.infbt {
    font-size: 5vw;
}
a.other-more {
    font-size: 3vw;
}
a.online {
    font-size: 3vw;
}
.caimg img {
    height: 33vw;
}
.tag {
    font-size: 3vw;
}
.paper-item:hover i.paper-after {
    border-right: 3.2vw solid #004b92;
}
.paper-item:hover i.paper-before {
    border-left: 3.2vw solid #004b92;
}
.city {
    margin: 4vw 0;
    padding: 5%;
     display: none;
}

.city_flex {
    padding-top: 3vw;
}

.city_flex a {
    font-size: 4vw;
   
}

.city_title {
    font-size: 4vw;
}
.tuimg img {
    height: 30vw;
}
.logo p {
    display: block;
    margin-bottom: 0;
    margin-left: 3%;
    font-size: 26px;
    color: #333333;
}

.logo {
    width: 50vw;
}
.logo a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.logo img {
    width: 46px;
}
.barleft {
    width: auto;
}
}

.swiper-pagination > span {
  margin: 0px 20px !important;
  display: none;
}

@media screen and (max-width: 600px) {
    .techitem img {
        width: 30%;
    }
    .techitem {
        height: 40vw;
    }
    .housetitle {
        width: 26%;
    }
    .house-select {
        width: 100%;
    }
    .transport-wh ul li {
        width: 50%;
        margin: 2.5% auto;
    }
    
    .transport-wh ul li i {
        display: none;
    }
    
    .img img {
        width: 50%;
        height: auto;
    }
    
    .transport-wh ul {
        padding-left: 0;
    }
    .text {
        font-size: 4vw;
        padding-top: 3%;
    }
    .transport {
        padding: 8% 0;
    }
    .transport-wh {
        margin-top: 5%;
        padding: 5% 0;
    }
    .innewtit {
        font-size: 6vw;
    }
    .other {
        padding-bottom: 8%;
    }
    .transport-wh ul li:nth-child(6), .transport-wh ul li:nth-child(7), .transport-wh ul li:nth-child(8), .transport-wh ul li:nth-child(9), .transport-wh ul li:nth-child(10) {
        float: left;
    }
    

}


@media screen and (max-width: 400px) {
    .condite {
        padding: 10% 19%;
    }
    .techitem img {
        width: 20%;
    }
    .techitem {
        padding-top: 7%;
    }
    .techitem {
        height: 55vw;
    }
    .housrimg {
        display: none;
    }
    .housetitle.text-left {
        width: 37%;
        text-align: right !important;
    }
    .housrfirst {
        height: 9.12vw;
        margin: 7vw 0 0;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        border-radius: 18px;
        padding: 0 4%;
    }
    .house-select {
        width: 100%;
    }
    .hosetit {
        font-size: 2.14vw;
        width: 38%;
    }
    .housetitle.text-right {
        text-align: left !important;
        width: 37%;
    }
    .hosebg {
        height: 10vw;
        width: 10vw;
        line-height: 10vw;
    }
.logo a {
    display: flex;
    align-items: center;
}



}